<!doctype html>
<html lang="en">
  <head>
    <title>Title</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <script src="echarts.min.js"></script>
  </head>
  <body>
      <div id ='first' style="height:400px;width: 1000px;"></div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script>
var chart1 = echarts.init(document.getElementById('first'))
var option1 = {
    title:{
        text:'职务统计'
    },
    tooltip:{
    show:true
    },
    legend:{
        data:['人数'],
    },
    dataset:{
      source:[
          ['product','人数'],
          ['直接访问',2.0],
          ['邮件营销',4.0],
          ['联盟广告',5.0],
          ['视频广告',9.0],
          ['收缩引擎',13.0],
        // ['product','处级','副处级','中华人民共和国正科级','副科级','科员'],
        // ['人数',2.0,4.0,5.0,9.0,12.0]
      ]
    },
    series:[
        {
            type:'pie',
            radius:'60',
        center:['25%','30%'],
        }
    ]
}
chart1.setOption(option1)
</script>  
</body>
</html>